<template>
    <div class="h-header">
        <div class="header-wrap">
 <div class="left">
            <img class="logo" src="../../public/images/logo-ico.png" alt="" />
            <span>深圳市星际教育</span>
        </div>
        <div class="center">
            深圳幼小初高一站式升学</br>
            专业教育资讯机构
        </div>
        <ul class="items">
            <li class="item">
                <p class="cn">教育升学</p>
                <p class="en">EDUCATION</p>
            </li>
            <li class="item">
                <p class="cn">关于我们</p>
                <p class="en">ABOUT US</p>
            </li>
        </ul>
        </div>
       
    </div>
</template>

<style lang="scss" scoped>
.h-header{

    height: 100px;
    widows: 100%;
    background: red;
    .left{
        .logo{
            width: 56px;
            height: 56px;
        }
    }
    .center{
        flex: 1;
    }
    .items{
        width: 180px;
        text-align: center;
    }
}
.header-wrap{
        display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
}
</style>
